<div class="modal-content" ng-controller="DeviceListCtrl">

    </br>
    <div class="modal-header">
        <button type="button" class="close" ng-click="myopen.opt_close()" aria-label="Close">
      <em class="ion-ios-close-empty sn-link-close"></em>
    </button>
        <h3 class="modal-title text-center">
            <samll>设备列表</samll>
        </h3>
    </div>
    <form class="form-horizontal ng-pristine ng-valid ng-scope">
        <!--<div class="form-group">
            <label for="inputEmail3" class="col-sm-2 control-label">绑定时间：</label>
            <div class="col-sm-4">
                <p class="input-group" style="margin-bottom: 0px;">
                    <input type="text" class="form-control" uib-datepicker-popup="yyyy/MM/dd hh:ss" ng-model="dat.dat1.date_" is-open="dat.dat1.opened" ng-required="true" close-text="关闭" 30 clear-text="清空" current-text="今天" alt-input-formats="altInputFormats" />
                    <span class="input-group-btn">
                    <button type="button" class="btn btn-default" ng-click="dat.dat1.open()"><i class="glyphicon glyphicon-calendar"></i></button>
                </span>
                </p>
            </div>
            <div class="col-sm-4 col-sm-offset-1">
                <p class="input-group" style="margin-bottom: 0px;">
                    <input type="text" class="form-control" uib-datepicker-popup="yyyy/MM/dd hh:ss" ng-model="dat.dat2.date_" is-open="dat.dat2.opened" ng-required="true" close-text="关闭" 30 clear-text="清空" current-text="今天" alt-input-formats="altInputFormats" />
                    <span class="input-group-btn">
                    <button type="button" class="btn btn-default" ng-click="dat.dat2.open()"><i class="glyphicon glyphicon-calendar"></i></button>
                    </span>
                </p>
            </div>
        </div>
        <div class="form-group">
            <label for="inputEmail3" class="col-sm-2 control-label">设备名称：</label>
            <div class="col-sm-9">
                <input type="email" class="form-control" id="inputEmail3" placeholder="设备名称" maxlength="150">
            </div>
        </div>
        <div class="form-group">
            <label for="inputEmail3" class="col-sm-2 control-label">设备类型：</label>
            <div class="col-sm-4">
                <div class="col-sm-4"><label class="radio-inline custom-radio nowrap"><input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="全部" ng-checked="true" checked="checked"> <span>全部</span></label></div>
                <div class="col-sm-4"><label class="radio-inline custom-radio nowrap"><input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="收入"> <span>收入</span></label></div>
                <div class="col-sm-4"><label class="radio-inline custom-radio nowrap"><input type="radio" name="inlineRadioOptions" id="inlineRadio4" value="支出"> <span>支出</span></label></div>
            </div>
            <div class="col-sm-3  text-left">
                <button type="submit " class="btn btn-primary ">搜索</button>
            </div>
        </div>-->

        <div style="min-height:300px;padding: 20px; ">
            <table class="table table-bordered ">
                <thead>
                    <tr valign="middle  text-center">
                        <th class=" text-center ">设备名称</th>
                        <th class=" text-center ">使用时长(分钟)</th>
                        <th class=" text-center ">光能量</th>
                        <!--<th class=" text-center ">mac地址</th>-->
                        <th class=" text-center ">上次使用时间</th>
                        <th class=" text-center ">绑定时间</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="item in modality ">
                        <td class=" text-center ">
                           {{item.name}}
                        </td>
                        <td style="position:relative" class="text-center iscursor" ng-mouseover="hover = true" ng-mouseleave="hover = false">
                            <span ng-if="item.durations">{{item.durations}}</span>
                            <span ng-if="!item.durations">0</span>
                            <div ng-if="hover" style="position: absolute;    z-index: 99;background: rgba(255, 247, 247, 0.89); box-shadow: 0 0 27px #333; border-radius: 10px;top: -520%;left: 100%;">
                                <div style="height:300px;width:300px;">
                                    <pie-chart config="item.config" data="[item.pageload]"></pie-chart>
                                </div>
                            </div>
                        </td>
                        <td class=" text-center ">
                            <span ng-if="item.lightenergy">{{item.lightenergy}}</span>
                            <span ng-if="!item.lightenergy">0</span>
                        </td>
                        <td class=" text-center ">{{item.lasttime|date:'yyyy-MM-dd'}}</td>
                        <td class=" text-center ">{{item.bindtime|date:'yyyy-MM-dd'}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
        </br>
    </form>

</div>